const { createApp } = Vue

createApp({
    data() {
        return {
            form: {
                type: 'offline',
                therapist: '',
                date: '',
                time: '',
                name: '',
                phone: '',
                description: ''
            },
            therapists: [
                { id: 1, name: '张医生', title: '资深心理咨询师' },
                { id: 2, name: '李医生', title: '心理治疗师' },
                { id: 3, name: '王医生', title: '高级心理咨询师' }
            ],
            availableTimes: [
                { value: '09:00', label: '09:00 - 10:00' },
                { value: '10:00', label: '10:00 - 11:00' },
                { value: '11:00', label: '11:00 - 12:00' },
                { value: '14:00', label: '14:00 - 15:00' },
                { value: '15:00', label: '15:00 - 16:00' },
                { value: '16:00', label: '16:00 - 17:00' }
            ]
        }
    },
    computed: {
        minDate() {
            const today = new Date()
            return today.toISOString().split('T')[0]
        }
    },
    methods: {
        submitForm() {
            // 这里添加表单提交逻辑
            console.log('预约信息：', this.form)
            alert('预约提交成功！我们将尽快与您联系确认。')
            // 重置表单
            this.form = {
                type: 'offline',
                therapist: '',
                date: '',
                time: '',
                name: '',
                phone: '',
                description: ''
            }
        }
    }
}).mount('#app') 